<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- Стили в разделе Head -->
    <!-- <style>
      h2 {
        color: darkcyan;
      }
    </style> -->
    <!-- Css -->
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1 style="color: blueviolet">Мой второй сайт</h1>
    <!-- InLine -->
    <!-- <h2 style="color: darkblue;">Заголовок</h2>
    <h2 style="color: darkblue;">Заголовок</h2>
    <h2 style="color: darkblue;">Заголовок</h2> -->
    <h2 class="heading-about">Заголовок</h2>
    <h2>Заголовок</h2>
    <h2 class="title">Заголовок</h2>
    <p id="paragraph">Зелёный текст</p>
    <h2 class="border">Заголовок с рамкой</h2>
    <p class="border">Параграф с рамкой</p>
    <p class="font-style">Стилизованый текст параграфа</p>
  </body>
</html>
